/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/
.container{transform:translate3d(0,0,0);}
.content{width:100%;height:100%;position:relative;margin:0px;padding:0px;overflow: hidden;background-repeat: no-repeat;background-position:center center;background-size: cover;transform:translate3d(0,0,0)}



/*---------------------------------------- 14:9(15:9的浏览器)----------------------*/
@media screen and (device-width:360px) and (min-height:480px) and (max-height:500px){
	
}

/*------------------------------------ 15:9（标准屏+虚拟SYSTEM BAR安卓的微信、16:9的浏览器 、iphone5/6/7/8的微信底部有历史工具条/浏览器）--------------------*/
@media screen and (device-width: 360px) and (min-height: 520px) and (max-height: 540px), screen and (device-width: 320px) and (min-height: 460px) and (max-height: 470px), screen and (device-width: 375px) and (min-height: 550px) and (max-height: 560px), screen and (device-width: 414px) and (min-height: 620px) and (max-height: 630px){
	
}




/*---------------------------------------- 安卓系列----------------------*/
@media screen and (device-width: 360px), screen and (device-width: 393px){
	
}

/*---------------------------------------- iphone系列 ----------------------------------------------*/
@media screen and (device-width: 320px), screen and (device-width: 375px), screen and (device-width: 414px){
.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


/*---------------------------------------- 19:9(刘海屏安卓的微信、iphoneX的微信)----------------------*/
@media screen and (device-width: 360px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 720px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 15px 0px;padding:0px;overflow:hidden;}
}
/*------------------------------------- 18:9（全面屏安卓的微信 、iphoneX的微信底部有历史工具条/浏览器）------------------*/
@media screen and (device-width: 360px) and (min-height: 600px), screen and (device-width: 393px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 630px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


@media screen and (max-height:850px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

	
@media screen and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:520px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}


.gamebox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translate3d(0,0,0)
}
/* .floor{transition: opacity 0.05s;} */
.floorbg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:0;}
.animal{width:50px;height:78px;position:absolute;bottom:25%;left:50%;transform: translate3d(-50% , 0,0);}
.animalItem{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.startbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:1000;}
.startBtn{width:2.7rem;height:1.2rem;position:absolute;top:50%;left:50%;background:url(../images/startbtn.png) no-repeat center;background-size:100% 100%;font-size:0.3rem;line-height:0.6rem;text-align:center;color:#ffffff;border-radius:0.2rem;transform: translate3d(-50%,-50%,0);}

.zaw{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:101;}
.money{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:100;}

.replaybox{width:5.88rem;height:8.6rem;position:absolute;top:49%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/replayBg.png) no-repeat center;background-size:100% 100%;overflow:hidden;}
.replay{width:100%;height:1rem;position:absolute;left:0;bottom:0;}

.newrecordbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1001}
.sharefloat{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:1300;color:#ffffff;}
.sharefloat img{display:block;width:100%;height:auto; }

.innewrecordbox{width:4.6rem;height:6.27rem;position:absolute;top:50%;left:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/newRecord.png) no-repeat center;background-size:100% 100%;}
.headerbox{width:1.7rem;height:1.7rem;position:absolute;top:0;left:50%;border:0.1rem solid #fafc3f;border-radius:50%;overflow:hidden;background:#1b74ce;transform:translate3d(-50%,0,0)}
.headerbox img{display:block;width:100%;height:100%;}
.newRecordNum{width:80%;height:auto;position:absolute;top:59%;left:10%;text-align:center;overflow:hidden;font-size:0.8rem;color:#e18d0a;font-weight:bold;}

.sharebtn{width:50%;height:1rem;position:absolute;left:0;bottom:0;}
.rplaybtn{width:50%;height:1rem;position:absolute;right:0;bottom:0;}

img.zhibojian{display:block;width:0.91rem;height:1.14rem;position:absolute;top:0.5rem;left:0.3rem;z-index:1002;}
img.paihangbang{display:block;width:0.91rem;height:1.14rem;position:absolute;top:0.5rem;right:0.3rem;z-index:1002;}
img.gonggao{display:block;width:0.91rem;height:1.14rem;position:absolute;top:1.84rem;right:0.3rem;z-index:1002;}
img.wodezhandui{display:block;width:0.91rem;height:1.14rem;position:absolute;top:3.18rem;right:0.3rem;z-index:1002;}

.loginbox{width:100%;height:100%;position:absolute;top:0;left:0;background:#ffffff;overflow:hidden;z-index:2000;}
.loginbg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.inputbox{width:5.86rem;height:4.65rem;position:relative;margin:0 auto;padding:0;overflow:hidden;background:url(../images/inputbg.png) no-repeat center;background-size:100% 100%;}

input.inputnumber{display:block;width:4.5rem;height:0.7rem;position:absolute;top:0.63rem;left:0.9rem;border:none;background:#ffffff;font-size:0.3rem;color:#000000;}
input.inputtext{display:block;width:2.8rem;height:0.7rem;position:absolute;top:2rem;left:0.9rem;border:none;background:#ffffff;font-size:0.3rem;color:#000000;}
input.inputsty::-webkit-input-placeholder { 
color: #999; 
-webkit-transition: color.5s; 
} 

img.loginbgn{width:100%;height:auto;position:absolute;left:0;bottom:0.5rem;}
.getYzm{width:1.8rem;height:0.7rem;position:absolute;right:0.1rem;top:2rem;color:#000000;line-height:0.7rem;text-align:center;font-size:0.2rem;}

.sendActive{color:#cccccc;}
.loaddatabox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:2001;}
.loaddatabox img{display:block;width:20%;height:auto;position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);}

.zhibojianbox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:1003;overflow:hidden;}
.zhibojianpicbox{width:4.98rem;height:auto;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate3d(-50%,-50%,0);}
img.zhibojianpic{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.5rem;}
.zhibojianback{display:block;width:2.24rem;height:auto;position:relative;margin:0 auto;padding:0;}
.scorebox{width:3.8rem;height:1rem;position:absolute;top:0.4rem;left:50%;background:url(../images/scorebg.png) no-repeat center center;background-size:100% 100%;text-align:center;font-size:0.4rem;color:#ffffff;font-weight:bold;line-height:1rem;transform: translateX(-50%);}
.gonggaobox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:#00afff;overflow:hidden;z-index:1102;}
.bordersty{position:absolute;top:0.15rem;bottom:0.15rem;right:0.15rem;left:0.15rem;border:1px dashed #ffffff;}
img.gonggaoLogo{display:block;width:7rem;height:1.9rem;position:absolute;top:-1px;left:0.1rem;}
img.closegonggao{display:block;width:0.5rem;height:0.5rem;position:absolute;top:0.7rem;right:0.7rem;}

.paihangbangbox{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/phbbg.jpg) no-repeat center;background-size:100% 100%;z-index:1002;}
.paihangbangtitle{display:block;width:100%;height:1.3rem;position:absolute;top:0;left:0;background:url(../images/paihangbangtitle.png) no-repeat center;background-size:100% 100%;}
img.backphb{display:block;width:0.85rem;height:0.85rem;position:absolute;top:0.4rem;left:0.5rem;}
.phbbox1{width:6.84rem;position:absolute;top:1.8rem;left:0.33rem;bottom:0.33rem;right:0.33rem;}
.phbboxbg{width:100%;position:absolute;top:0.954rem;bottom:0;background:#d1ebff;}
.tabbox{width:100%;height:0.95rem;position:absolute;top:0;left:0;overflow:hidden;}
.tableft1{width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.tabright1{width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden;}
.tab1bg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
img.txt1{display:block;width:6.63rem;height:0.5rem;position:absolute;top:1.1rem;left:0.1rem;}
.msgbox{width:6.64rem;height:1.7rem;position:absolute;top:1.7rem;left:0.1rem;background:url(../images/line.png) no-repeat center bottom;background-size:100% auto;}

.joinGroup{width:100%;height:1.39rem;position:absolute;top:0;left:0;background:url(../images/createGroup.png) no-repeat center top;background-size:100% 100%;}

.mymsgbox{width:100%;height:1.39rem;position:absolute;top:0;left:0;}
.groupmsgbox{width:100%;height:1.39rem;position:absolute;top:0;left:0;}
.myphmsg{width:100%;height:1.39rem;position:absolute;top:0;left:0;background:url(../images/myGroupBg.png) no-repeat center top;background-size:100% 100%;}
.mygroupbox{width:100%;height:1.39rem;position:absolute;top:0;left:0;background:url(../images/myGroupBg.png) no-repeat center top;background-size:100% 100%;}

.myLayer{width:0.7rem;height:100%;line-height:1.39rem;text-align:center;position:absolute;top:0rem;left:0.1rem;font-size:0.5rem;font-weight:bold;color:#1b84d7;}
.gourpHeaderbox{width:1.7rem;height:100%;position:absolute;top:0;left:0rem;}
.noshangbang{display:block;width:2.2rem;height:auto;position:absolute;left:2rem;bottom:0.1rem;}
.groupHeader{border-radius:50%;overflow:hidden;}
.groupHeader img{display:block;width:100%;height:100%;overflow:hidden;}
.groupHeader1-1{display:block;width:0.8rem;height:0.8rem;position:absolute;top:0.25rem;left:0.85rem;}

.groupHeaderno1-1{display:block;width:1rem;height:1rem;position:absolute;top:0.2rem;left:0.5rem;}

.groupHeader2-1{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.3rem;left:0.1rem;}
.groupHeader2-2{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.3rem;left:0.4rem;}

.groupHeader3-1{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.1rem;left:0.2rem;}
.groupHeader3-2{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.6rem;left:0.4rem;}
.groupHeader3-3{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.6rem;left:0rem;}

.layerName0{width:2rem;height:1.39rem;position:absolute;top:0rem;left:1.9rem;font-size:0.3rem;text-align:center;line-height:1.3rem;color:#1b84d7;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.layerScore0{height:1.39rem;position:absolute;top:0;left:4rem;font-size:0.3rem;line-height:1.3rem;color:#1b84d7;font-weight:bold;}
img.iconjp0{display:block;width:0.68rem;height:0.9rem;position:absolute;right:0.1rem;top:0;}


.listbox{width: 6.84rem;position: absolute;top: 3.5rem;left: 0rem;bottom:0.1rem;overflow:hidden;}
.listItembox{width:6.64rem;height:100%;position:relative;margin:0 auto;padding:0;overflow:hidden;}
.listItemscrolbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
.grScrollbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
.groupScrollbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
ul.listUlbox{width:100%;height:auto;position:relative;margin:0;padding:0 0 0.3rem 0;list-style-type:none;}
ul.listUlbox li.listItem{width:100%;height:0.96rem;position:relative;margin:0.1rem 0 0.1rem 0;padding:0;background-image:url(../images/line4Bg.png);background-position:center center;background-size:100% 100%;}
.listUserheaderbox3{width:0.75rem;height:0.75rem;position:absolute;top:0.1rem;left:0.3rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3 img{display:block;width:100%;height:100%;}
img.layer123{display:block;width:0.7rem;height:0.6rem;position:absolute;top:-0.1rem;left:0.1rem;}
ul.listUlbox li.listItemFront3-1{background-image:url(../images/line1Bg.png);}
ul.listUlbox li.listItemFront3-2{background-image:url(../images/line2Bg.png);}
ul.listUlbox li.listItemFront3-3{background-image:url(../images/line3Bg.png);}

.listUserheaderbox{width:0.75rem;height:0.75rem;position:absolute;top:0.1rem;left:0.5rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox img{display:block;width:100%;height:100%;}
.layernum{width:0.5rem;height:100%;position:absolute;top:0;left:0;line-height:0.96rem;font-size:0.3rem;font-weight:bold;text-align:center;color:#1b84d7;}




.layerName{width:2rem;height:1rem;position:absolute;top:0rem;left:1.5rem;font-size:0.3rem;text-align:center;line-height:0.9rem;color:#1b84d7;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.layerScore{height:1rem;position:absolute;top:0;left:4rem;font-size:0.3rem;line-height:0.9rem;color:#1b84d7;font-weight:bold;}
img.iconjp{display:block;width:0.68rem;height:0.9rem;position:absolute;right:0.1rem;top:0;}


.createGroupbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1100;}
.createGroup{width:5.04rem;height:3.68rem;position:absolute;top:50%;left:50%;background:url(../images/createGroupbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

input.groupname{width:3rem;height:0.5rem;background:rgba(255,255,255,0.6);border-radius:0.45rem;position:absolute;top:1.4rem;left:1rem;overflow:hidden;box-sizing: border-box;color:#000000;font-size:0.25rem;padding:0 0.2rem;}
.qrcreatebtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.5rem;left:1.1rem;}

.createsuccessbox{width:4.94rem;height:5.76rem;position:absolute;top:50%;left:50%;background:url(../images/createGroupSuccessbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

.cgroupUserheaderbox{width:1.2rem;height:1.2rem;position:absolute;overflow:hidden;border-radius:50%;background:#177cd5;border:2px solid #fafc3f;}
.cgroupUserheaderbox img{display:block;width:100%;height:100%;margin:0;paddin:0;}

.cgroupUserheader-1{top:2.1rem;left:0.6rem;}
.cgroupUserheader-2{top:2.1rem;left:1.9rem;}
.cgroupUserheader-3{top:2.1rem;left:3.2rem;}

.showsharefloatbtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.5rem;left:1rem;}
.closeCreategroupbox{width:1rem;height:1rem;position:absolute;top:0;right:0;}
.showGroupname{position:absolute;width:100%;height:0.5rem;top:1.4rem;left:0;text-align:center;}
.inshowGroupname{display:inline-block;position:relative;height:0.5rem;margin:0 auto;padding:0;background:rgba(255,255,255,0.8);border-radius:0.45rem;padding:0 0.2rem;line-height:0.5rem;font-size:0.3rem;color:#fff21a;text-shadow: 1px 1px 3px #000000;}

.myzhandui{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:url(../images/phbbg.jpg) no-repeat center;background-size:100% 100%;z-index:1400;}
.myzhanduititle{display:block;width:100%;height:1.3rem;position:relative;margin:0;padding:0;background:url(../images/wodezhanduiTItle.png) no-repeat center;background-size:100% 100%;margin-bottom:0.6rem;}
img.backwdzd{display:block;width:0.85rem;height:0.85rem;position:absolute;top:0.4rem;left:0.5rem;}

.myzhanduimsg{width:6.64rem;height:2.39rem;position:relative;margin:0 auto;margin-bottom:0.3rem;padding:0;background:url(../images/wodezhanduiBg1.png) no-repeat center center;background-size:100% 100%;overflow:hidden;}
.myzhanduiname{height:0.5rem;position:absolute;top:0.5rem;left:1.8rem;font-size:0.38rem;color:#ffffff;text-shadow:0px 0px 4px #024579;}
.myzdpaiming{height:0.5rem;position:absolute;top:1.3rem;left:1.8rem;font-size:0.35rem;color:#1b84d7;}
.myzdpaiming span{font-size:0.3rem;}

.myzdjifen{height:0.5rem;position:absolute;top:1.3rem;right:0.2rem;font-size:0.3rem;color:#1b84d7;}
.myzdjifen span{font-size:0.35rem;font-weight:bold;}

.rentoubox{width:1.8rem;height:2rem;position:absolute;top:0;left:0;}

.rentou1{width:1.2rem;height:1.2rem;position:absolute;top:0.35rem;left:0.35rem;overflow:hidden;border-radius:50%;}
.rentou img{display:block;width:100%;height:100%;margin:0;padding:0;}


.rentou2-1{width:0.8rem;height:0.8rem;position:absolute;top:0.55rem;left:0.2rem;overflow:hidden;border-radius:50%;}
.rentou2-2{width:0.8rem;height:0.8rem;position:absolute;top:0.55rem;left:0.8rem;overflow:hidden;border-radius:50%;}


.rentou3-1{width:0.8rem;height:0.8rem;position:absolute;top:0.35rem;left:0.5rem;overflow:hidden;border-radius:50%;}
.rentou3-2{width:0.8rem;height:0.8rem;position:absolute;top:0.9rem;left:0.2rem;overflow:hidden;border-radius:50%;}
.rentou3-3{width:0.8rem;height:0.8rem;position:absolute;top:0.9rem;left:0.8rem;overflow:hidden;border-radius:50%;}

.zhanduichengyuan{width:6.64rem;height:0.34rem;position:relative;margin:0 auto;padding:0;overflow:hidden;margin-bottom:0.25rem;color:#0c5b9a;font-size:0.32rem;line-height:0.34rem;font-weight:bold;text-align:left;}

.wodezdlist{width:6.64rem;height:auto;position:relative;margin:0 auto;padding:0.2rem 0.1rem 0 0.05rem;;overflow:hidden;background:#90cdfd;border-radius:0.1rem;box-sizing:border-box;}

ul.myzdlistUlbox{width:100%;height:auto;position:relative;margin:0;padding:0 0 0.3rem 0;list-style-type:none;}
ul.myzdlistUlbox li.myzdlistItem{width:100%;height:0.96rem;position:relative;margin:0.1rem 0 0.2rem 0;padding:0;background-image:url(../images/line4Bg.png);background-position:center center;background-size:100% 100%;}
.layerScorezd{height:0.96rem;position:absolute;top:0;left:4.48rem;font-size:0.3rem;line-height:0.96rem;color:#1b84d7;font-weight:bold;}
.txt3{display:block;width:100%;position:relative;margin:0;padding:0;}


.sourceShareJoingroup{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1100;}
.joinsharegroupbox{width:5.11rem;height:5.96rem;position:absolute;top:50%;left:50%;background:url(../images/sharejoingroupbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

.joingroupUserheaderbox{width:1.2rem;height:1.2rem;position:absolute;overflow:hidden;border-radius:50%;background:#177cd5;border:2px solid #fafc3f;}
.joingroupUserheaderbox img{display:block;width:100%;height:100%;margin:0;paddin:0;}

.joingroupUserheader-1{top:3rem;left:0.6rem;}
.joingroupUserheader-2{top:3rem;left:1.9rem;}
.joingroupUserheader-3{top:3rem;left:3.2rem;}
.chenyuanname{width:100%;height:0.4rem;background:rgba(255,255,255,0.6);font-size:0.2rem;line-height:0.35rem;text-align:center;overflow:hidden;position:absolute;left:0;bottom:0;}
.closesharejoingroupbox{width:1rem;height:1rem;position:absolute;top:0;right:0;}
.querenjiarugroupbtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.55rem;left:1.1rem;}

.joinsharegroupsuccessbox{width:5.12rem;height:6.10rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/joinGroupsuccessbg.png) no-repeat center center;background-size:100% 100%;}
.chakanmyzhandui{width:3.2rem;height:0.9rem;position:absolute;top:4.6rem;left:1rem;}

.repeatjoinsharegroupsuccessbox{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/repeatJoin.png) no-repeat center center;background-size:100% 100%;}
.repeatJoinquerenbtn{width:2.7rem;height:0.9rem;position:absolute;bottom:0.3rem;left:1.1rem;}

.activeNotStartbox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;}
.activeNotStart{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/ActivityNotSstartedbg.png) no-repeat center center;background-size:100% 100%;}
.activeNotStartChakangonggao{width:2.6rem;height:0.9rem;position:absolute;top:3rem;left:1.1rem;}

.endactivebox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;}
.endactive{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/endaAtivity.png) no-repeat center center;background-size:100% 100%;}
.endactiveChakangonggao{width:2.6rem;height:0.9rem;position:absolute;top:3rem;left:1.1rem;}
.closeendactivebox{width:1rem;height:1rem;position:absolute;top:0;right:0;}






